<template>
    <div>
        <div class="lu_essay_title">张厚杰临珍医案举偶</div>
                <div class="lu_essay_top">
                    <div class="lu_essay_top_img">
                         <img src="../assets/doctor.jpg" alt="" class="lu_essay_top_img_img">
                     </div>   
                     <div class="lu_essay_top_name">张厚杰</div>
                     <div class="lu_essat_yu" @click="luonclick">预约医生</div>
                     <div class="lu_essay_top_date">2019-04-26 18:05</div>
         </div>
    
         <div class="lu_essay_hader_cennet">
               <img src="../assets/detailsimg00.jpg" alt="" class="lu_essay_hader_cennet_img"> 
         </div>
    </div>
</template>

<script>
    export default {
        methods: {
            luonclick(){
               this.$router.push('makejiemian') 
            }
        },
    }
</script>

<style>
*{
 margin: 0px;
 padding:0px;   
}
.lu_essay_title
{
  margin-left:20px;
  margin-top:20px;   
  font-weight: 700;  
}
.lu_essay_top
{
 width:100%;
 height:60px;
 /* border:1px solid #000; */
   margin-top:15px;
}
.lu_essay_top_img
{
   width: 40px;
   height: 40px;
   /* border:1px solid #000; */
   margin-left:15px;
   margin-top: 8px;
   border-radius:30px 30px 30px 30px;
}
.lu_essay_top_img_img
{
 width: 100%; 
 height:40px; 
 border-radius:20px 20px 20px 20px; 
}
.lu_essay_top_name
{
 margin-left:65px;
 margin-top: -35px;   
}
.lu_essay_top_date
{
 color:gray;   
  margin-left:225px;
  margin-top: -10px;
}
.lu_essay_hader_cennet
{
 width:100%;
  /* height:800px;   */
}
.lu_essay_hader_cennet_img
{
 width:100%;  
  height:700px;  
}
 .lu_essat_yu
 {
  margin-left:60px;
  font-size:14px; 
  color: blue;  
 }
</style>